/**
 * 创建于：2016-5-11
 * 创建人：杨骐彰
 * 说明： 主页面页面顶部样式
 */

@import '../../../../styles/variables';


//顶部导航栏
.sem-navbar {
  flex: 0 0 6%;
  min-height: 4rem;
  background-image:linear-gradient(-134deg, #ff6945 0%, #ff3f87 100%);
  box-shadow:0 6px 8px 0 rgba(178,178,178,0.18);
  height:4rem;
  width: 100%;
  z-index: $index-navbar;
  .brand {
    height: 100%;
    float: left;
    padding-left: 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    .name{
      height: 1.8rem;
      width: 10.7rem;
      display: inline;
      margin:auto $margin-padding-10 auto 0;
    }
    .icon {
      height: 2.2rem;
      width: 3rem;
      vertical-align: middle;
      display: inline;
      margin: auto $margin-padding-10 auto 0;
    }
    .icon-text{
      height: 2rem;
      width: 13.75rem;
      vertical-align: middle;
      margin-top: $margin-padding-10;
    }
  }

  //右侧导航条
  ul.nav {
    float: right;
    height: 100%;
    list-style: none;
    color: #fff;
    margin: 0;
    padding: 0;
    li {
      height: 100%;
      width: 8rem;
      float: left;
      font-size: 1.125rem;
      margin-right: 2rem;
      -webkit-transition: all .3s ease;
      transition: all .3s ease;
      a{
        display: flex;
        justify-content: center;
        flex-direction: row;
        align-items: center;
        height: 100%;
        width: 8rem;
        color: #fff;
        img.icon {
          height: 1.6rem;
          width: 1.6rem;
          margin-right: .5rem;
          margin-top: .2rem;
          &.little{
            height: 1rem;
            width: 1rem;
          }
        }
        >p{
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          box-sizing: border-box;
          padding: 0;
          font-size: 1.2rem;
        }
      }

      &:hover{
        background-color: #75d5ff;
      }
    }
  }
}
